<script setup>
import { provide, ref } from 'vue';
import fatherCom from './components/father-com.vue';

const count = ref(0)
const changeCount = () => {
  count.value++
}
provide('count', count)
provide('changeCount', changeCount)

</script>

<template>
  <div class="app-page">app -- {{ count }}
    <fatherCom></fatherCom>
  </div>
</template>

<style scoped>
.app-page {
  width: 600px;
  height: 600px;
  padding: 20px;
  border: 1px solid #000;
}

</style>
